<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./common/accountLayout.xhtml">

            <ui:define name="title">
                enregistrement  page 1
            </ui:define>

            <ui:define name="top">
                <h:outputText value="créez vos identifiants"/>
            </ui:define>

            <ui:define name="content">
                
           <h:form id="form">

               <h:panelGrid columns="3" width="70%" border="0">
                <h:outputLabel value="identifiant : "/>
                <h:inputText id="loginid" required="true" value="#{memberModel.login}"/>
                <h:message for="loginid"/>

                <h:outputLabel value="mot de passe : "/>
                <h:inputText id="pass1id" required="true" binding="#{memberModel.password}"/>
                <h:message for="pass1id"/>

                <h:outputLabel value="ressaisissez : "/>
                <!-- pour utiliser le validateur validators.PasswordValidator,remplacez par validator="pwdValidator" -->
                <h:inputText id="pass2id" required="true" binding="#{memberModel.password2}" validator="pwdValidator"/>
                <h:message for="pass2id"/>
               
                 <h:outputLabel value="type de compte : "/>
                 <h:selectOneMenu value="#{memberModel.memberType}">
                     <f:selectItem itemLabel="gold" itemValue="GOLD"/>
                     <f:selectItem itemLabel="premium" itemValue="PREMIUM"/>
                     <f:selectItem itemLabel="standard" itemValue="STANDARD"/>
                   
                 </h:selectOneMenu>

                 <f:verbatim>&nbsp;</f:verbatim>
                 <h:panelGroup><!--boutons groupés-->
                    <h:commandButton value="page 2" action="continue" /><!--nanvigation statique-->
                    <f:verbatim>&nbsp;&nbsp;</f:verbatim><!--pour positionner-->
                    <h:commandButton value="annuler" immediate="true" action="#{memberModel.cancelAccountCreation}" /><!--attribut immediate pour outrepasser la phase de validation et passer directement à render response-->
                 </h:panelGroup>
            </h:panelGrid>

           </h:form>

         </ui:define>

        </ui:composition>

    </body>
</html>
